@use "sass:map";
@use "sass:math";

html.dark {
  $colors: (
    "white": #ffffff,
    "black": #000000,
    "primary": (
      "base": pink
    ),
    "success": (
      "base": #67c23a
    ),
    "warning": (
      "base": #e6a23c
    ),
    "danger": (
      "base": #e6a23c
    ),
    "error": (
      "base": #f56c6c
    ),
    "info": (
      "base": #909399
    )
  );
  @mixin set-color-type($type, $color, $value) {
    --el-#{$type}-#{$color}: #{$value};
  }
  $types: primary, success, warning, danger, error, info;
  @each $type in $types {
    @include set-color-type("color", $type, map.get($colors, $type, "base"));
  }
}
